<template>
  	<div class="hello">
    	<h1>HelloWorld</h1>
		<button @click="test">test</button>

		<el-tabs type="card" @tab-click="handleClick">
			<el-tab-pane label="用户管理" name="first" ></el-tab-pane>
			<el-tab-pane label="配置管理" name="second"></el-tab-pane>
			<el-tab-pane label="角色管理" name="third"></el-tab-pane>
			<el-tab-pane label="定时任务补偿" name="fourth"></el-tab-pane>
		</el-tabs>
  	</div>
</template>

<script>
import { IMessage } from '@/utils/notice'

export default {
	methods: {
		test(){
			IMessage({message: "这是一条消息提示!"})
		},
		handleClick(){
			console.log('click')
		}
	}
};
</script>

<!-- Add "scoped" attribute to limit CSS to this component only -->
<style scoped>
h3 {
	margin: 40px 0 0;
}
ul {
  	list-style-type: none;
  	padding: 0;
}
li {
  	display: inline-block;
  	margin: 0 10px;
}
a {
  	color: #42b983;
}
</style>
